<template>
   <div id="t">
       个人基本信息：
       <el-form ref="form"   label-width="100px" >
        
  <el-form-item label="姓名" >
    <el-col :span="8">
       <el-input v-bind:value="clientname"  readonly="readonly" ></el-input>
    </el-col>
   <el-form-item label="户籍地址">
      <el-col :span="8" >
       <el-input v-model="address"  readonly="readonly"></el-input>
       </el-col>
      </el-form-item>
   </el-form-item>

    房产基本信息
   


    <el-form-item label="房屋性质" >
    <el-col :span="8">
       <el-input v-model="rname" readonly="readonly"></el-input>
    </el-col>
   <el-form-item label="房屋坐落">
      <el-col :span="8" >
       <el-input v-model="location" readonly="readonly"></el-input>
       </el-col>
</el-form-item>
   </el-form-item>


    <el-form-item label="产权人身份证明号" >
    <el-col :span="8">
       <el-input v-model="idcard" readonly="readonly"></el-input>
    </el-col>
   
   </el-form-item>
 
   <el-form-item label="共有情况" >
    <el-col :span="8">
       <el-input v-model="sharetype" readonly="readonly"></el-input>
    </el-col>
   </el-form-item>

   
  
</el-form>

 共有人基本信息
<el-table
      :data=params.ownershipQuery.coownerList
      style="width: 100%">
      <el-table-column
        prop="client.clientname"
        label="共有人姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="client.idcard"
        label="证件号码"
        width="180">
      </el-table-column>
      <el-table-column
        prop="client.address"
        label="户籍地址">
      </el-table-column>
      <el-table-column
        prop="sharetype.sharetype"
        label="共有方式"
        width="180">
      </el-table-column>
       <el-table-column
        prop="serviceshare.share"
        label="共有份额"
        width="180">
      </el-table-column>
       <el-table-column
        prop="client.phone"
        label="联系方式"
        width="180">
      </el-table-column>
      
    
    </el-table>




   </div> 
</template>

<script>

export default {
    name : 'detail',
    props: ['params'],
      data() {
      return {
         
          form:{
        
          },
        clientname:this.params.ownershipQuery.client.clientname,  
        address:this.params.ownershipQuery.client.address,
        zname:"",
        bname:"",
        rname:this.params.ownershipQuery.roomtype.rname,
        location:this.params.ownershipQuery.house.location+this.params.ownershipQuery.building.buildingname+this.params.ownershipQuery.room.roomnumber,
        idcard:this.params.ownershipQuery.client.idcard,
        buildingarea:"",
        buildingstructure:"",
        sharetype:"",



    
      }
    },
    mounted(){

      
        console.log("----------------");
        console.log(this.params.ownershipQuery.client.clientname);
        console.log(this.params.ownershipQuery.coownerList.length);
        if(this.params.ownershipQuery.coownerList.length>0){
            this.sharetype="共同拥有";
        }else{
            this.sharetype="单独所有"; 
        }
    },
    methods: {
             

    }
  
}
</script>


<style scoped>

</style>
